<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">
      
<ui:composition template="/restrito/template.xhtml">

<ui:define name="css">
	<style type="text/css">
		.selectManyCheckBox {
			height: 100px; 
			overflow: auto;
			border: 1px solid #CCC;
			padding-left: 10px;
			width: 260px;
		    -webkit-border-radius: 3px;
		    -moz-border-radius: 3px;
		    border-radius: 3px;
		}
	</style>
</ui:define>

<ui:define name="menu"><ui:include src="menu.xhtml"/></ui:define>

<ui:define name="corpo">
	<h:outputScript library="js" name="cadastrarempresa.js" target="head" />
	<h:outputScript library="js" name="jquery.maskedinput-1.2.2.js" target="head" />
	<h:outputScript library="js" name="jquery.maskMoney.0.2.js" target="head" />

    <div class="container">
    <ui:include src="../../restrito/mensagem.xhtml"/>
    <h:form id="f" styleClass="form-horizontal">
    	<fieldset>
    	<legend>Seus dados</legend>
        <div class="control-group">
  			<h:outputLabel for="nome" value="* Nome completo" styleClass="control-label"/>
  			<div class="controls">
  				<h:inputText id="nome" value="#{cadastrarEmpresaMB.empresa.usuarioEmpresa.nome}" maxlength="70" required="true" styleClass="input-xlarge"/>
  				<rich:message for="nome" />
  			</div>
		</div>
        <div class="control-group">
  			<h:outputLabel for="email" value="* E-mail" styleClass="control-label"/>
  			<div class="controls">
   				<h:inputText id="email" value="#{cadastrarEmpresaMB.empresa.usuarioEmpresa.email}" binding="#{email}" maxlength="50" required="true" styleClass="input-xlarge">
   					<f:validator validatorId="validadorEmail" />
    			</h:inputText>
    			<rich:message for="email" />
  			</div>
		</div>
        <div class="control-group">
  			<h:outputLabel for="confirmacaoEmail" value="* Confirme seu e-mail" styleClass="control-label"/>
  			<div class="controls">
   				<h:inputText id="confirmacaoEmail" value="#{cadastrarEmpresaMB.empresa.usuarioEmpresa.confirmacaoEmail}" maxlength="50" required="true" styleClass="input-xlarge">
  					<f:validator validatorId="validadorEmail" />
  					<f:validator validatorId="validadorConfirmacaoEmail"/>
  					<f:attribute name="email" value="#{email}"/>
   				</h:inputText>
   				<rich:message for="confirmacaoEmail" />
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="cpf" value="* CPF" styleClass="control-label"/>
  			<div class="controls">
   				<h:inputText id="cpf" value="#{cadastrarEmpresaMB.empresa.usuarioEmpresa.cpf}" required="true" styleClass="input-xlarge">
   					<f:converter converterId="conversorCpf" />
   					<f:validator validatorId="validadorCpf" />
   				</h:inputText>
   				<rich:message for="cpf" />
				<rich:jQuery selector="#cpf" query="mask('999.999.999-99')" />
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="sexo" value="* Sexo" styleClass="control-label"/>
  			<div class="controls">
   				<h:selectOneRadio id="sexo" value="#{cadastrarEmpresaMB.empresa.usuarioEmpresa.sexo}" required="true" styleClass="input-xlarge"> 
   					<f:selectItems value="#{selectItemMB.lsSexo}" />
   				</h:selectOneRadio>
   				<rich:message for="sexo" />
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="telefoneComercial" value="* Telefone comercial" styleClass="control-label"/>
  			<div class="controls">
				<h:inputText id="telefoneComercial" value="#{cadastrarEmpresaMB.empresa.usuarioEmpresa.telefone}" required="true" styleClass="input-xlarge" />
				<rich:message for="telefoneComercial" />
    			<rich:jQuery selector="#telefoneComercial" query="mask('(99)9999-9999')" />
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="ramal" value="Ramal" styleClass="control-label"/>
  			<div class="controls">
				<h:inputText id="ramal" value="#{cadastrarEmpresaMB.empresa.usuarioEmpresa.ramal}" maxlength="6" styleClass="input-xlarge"/>
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="areaAtuacao" value="* Sua área de atuação na empresa" styleClass="control-label"/>
  			<div class="controls">
   				<h:selectOneMenu id="areaAtuacao" value="#{cadastrarEmpresaMB.empresa.usuarioEmpresa.idAreaAtuacao}" required="true" styleClass="input-xlarge">
   					<f:selectItems value="#{cadastrarEmpresaMB.lsAreaAtuacao}" />
   				</h:selectOneMenu>
   				<rich:message for="areaAtuacao" />
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="cargo" value="* Seu cargo na empresa" styleClass="control-label"/>
  			<div class="controls">
				<h:inputText id="cargo" value="#{cadastrarEmpresaMB.empresa.usuarioEmpresa.cargo}" maxlength="50" required="true" styleClass="input-xlarge"/>
				<rich:message for="cargo" />
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="senha" value="* Senha" styleClass="control-label"/>
  			<div class="controls">
				<h:inputSecret id="senha" value="#{cadastrarEmpresaMB.empresa.usuarioEmpresa.senha}" binding="#{senha}" redisplay="true" required="true" maxlength="20" styleClass="input-xlarge">
				  	<f:validateLength minimum="6" />
				</h:inputSecret>
				<rich:message for="senha" />
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="confirmacaoSenha" value="* Confirme sua senha" styleClass="control-label"/>
  			<div class="controls">
				<h:inputSecret id="confirmacaoSenha" value="#{cadastrarEmpresaMB.empresa.usuarioEmpresa.confirmacaoSenha}" redisplay="true" required="true" maxlength="20" styleClass="input-xlarge">
  					<f:validator validatorId="validadorConfirmacaoSenha"/>
  					<f:attribute name="senha" value="#{senha}"/>
				</h:inputSecret>
				<rich:message for="confirmacaoSenha" />
  			</div>
		</div>
		</fieldset>
		<fieldset>
		<legend>Dados da empresa</legend>
        <div class="control-group">
			<h:outputLabel for="tipoEstabelecimento" value="* Tipo de estabelecimento" styleClass="control-label"/>
  			<div class="controls">
   				<h:selectOneRadio id="tipoEstabelecimento" value="#{cadastrarEmpresaMB.empresa.tipoEstabelecimento}" layout="pageDirection" required="true" styleClass="input-xlarge">
   					<f:selectItems value="#{selectItemMB.lsTipoEstabelecimento}" />
   				</h:selectOneRadio>
   				<rich:message for="tipoEstabelecimento" />
  			</div>
		</div>
        <div class="control-group" id="trCnes" style="display: none;">
			<h:outputLabel for="cnes" value="* CNES" styleClass="control-label"/>
  			<div class="controls">
   				<h:inputText id="cnes" value="#{cadastrarEmpresaMB.empresa.cnes}" required="#{param['f:tipoEstabelecimento'] == 'S'}" maxlength="7" styleClass="input-xlarge">
   					<f:validateLength minimum="7" maximum="7" />
   				</h:inputText>
   				<rich:message for="cnes" />
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="tipoEmpresa" value="* Tipo da empresa" styleClass="control-label"/>
  			<div class="controls">
   				<h:selectOneRadio id="tipoEmpresa" value="#{cadastrarEmpresaMB.empresa.tipoEmpresa}" required="true" styleClass="input-xlarge">
   					<f:selectItems value="#{selectItemMB.lsTipoEmpresa}" />
   				</h:selectOneRadio>
   				<rich:message for="tipoEmpresa" />
  			</div>
		</div>
        <div class="control-group" id="trTipoEmpresaPublica" style="display: none;">
			
  			<div class="controls">
   				<h:selectOneRadio id="tipoEmpresaPublica" value="#{cadastrarEmpresaMB.empresa.tipoEmpresaPublica}" required="#{param['f:tipoEmpresa'] == 'B'}" styleClass="input-xlarge">
   					<f:selectItems value="#{selectItemMB.lsTipoEmpresaPublica}" />
   				</h:selectOneRadio>
   				<rich:message for="trTipoEmpresaPublica" />
  			</div>
		</div>
        <div class="control-group" id="trSubTipoEmpresaPublica" style="display: none;">
			
  			<div class="controls">
   				<h:selectOneRadio id="subTipoEmpresaPublica" value="#{cadastrarEmpresaMB.empresa.subTipoEmpresaPublica}" required="#{param['f:tipoEmpresa'] == 'B'}" styleClass="input-xlarge">
   					<f:selectItems value="#{selectItemMB.lsSubTipoEmpresaPublica}" />
   				</h:selectOneRadio>
   				<rich:message for="subTipoEmpresaPublica" />  			
  			</div>
		</div>
        <div class="control-group" id="trTipoEmpresaPrivada" style="display: none;">
			
  			<div class="controls">
    			<h:selectOneRadio id="tipoEmpresaPrivada" value="#{cadastrarEmpresaMB.empresa.tipoEmpresaPrivada}" required="#{param['f:tipoEmpresa'] == 'V'}" styleClass="input-xlarge">
   					<f:selectItems value="#{selectItemMB.lsTipoEmpresaPrivada}" />
   				</h:selectOneRadio>
   				<rich:message for="tipoEmpresaPrivada" />
  			</div>
		</div>
        <div class="control-group">
			<!-- span id="oCnpj" class="add-on">*</span -->
			<label for="cnpj" id="lbCnpjObri" class="control-label" style="display: none;">* CNPJ</label>
			<h:outputLabel id="lbCnpjNaoObri" for="cnpj" value="CNPJ" styleClass="control-label"/>
  			<div class="controls">
   				<h:inputText id="cnpj" value="#{cadastrarEmpresaMB.empresa.cnpj}" required="#{param['f:tipoEstabelecimento'] == 'N'}" styleClass="input-xlarge">
   					<f:converter converterId="conversorCNPJ"/>
   					<f:validator validatorId="validadorCNPJ"/>/>
   				</h:inputText>
   				<rich:message for="cnpj" />
   				<rich:jQuery selector="#cnpj" query="mask('99.999.999/9999-99')" />  			
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="nomeFantasia" value="* Nome fantasia" styleClass="control-label"/>
  			<div class="controls">
				<h:inputText id="nomeFantasia" value="#{cadastrarEmpresaMB.empresa.nomeFantasia}" maxlength="70" required="true" styleClass="input-xlarge"/>
				<rich:message for="nomeFantasia" />
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="razaoSocial" value="* Razão social" styleClass="control-label"/>
  			<div class="controls">
				<h:inputText id="razaoSocial" value="#{cadastrarEmpresaMB.empresa.razaoSocial}" maxlength="70" required="true" styleClass="input-xlarge"/>
				<rich:message for="razaoSocial" />
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="endereco" value="* Endereço" styleClass="control-label"/>
  			<div class="controls">
				<h:inputText id="endereco" value="#{cadastrarEmpresaMB.empresa.endereco}" maxlength="70" required="true" styleClass="input-xlarge"/>
				<rich:message for="endereco" />
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="numero" value="* Número" styleClass="control-label"/>
  			<div class="controls">
				<h:inputText id="numero" value="#{cadastrarEmpresaMB.empresa.numero}" maxlength="6" required="true" styleClass="input-xlarge"/>
				<rich:message for="numero" />
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="complemento" value="Complemento" styleClass="control-label"/>
  			<div class="controls">
				<h:inputText id="complemento" value="#{cadastrarEmpresaMB.empresa.complemento}" maxlength="10" styleClass="input-xlarge"/>
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="estado" value="* Estado" styleClass="control-label"/>
  			<div class="controls">
   				<h:selectOneMenu id="estado" value="#{cadastrarEmpresaMB.empresa.siglaUf}" required="#{not empty param['f:cadastrar']}" styleClass="input-xlarge">
   					<a4j:ajax event="change" listener="#{cadastrarEmpresaMB.onchangeEstado}" render="cidade"/>
   					<f:selectItems value="#{cadastrarEmpresaMB.lsUf}" />
   				</h:selectOneMenu>
   				<rich:message for="estado" />				
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="cidade" value="* Cidade" styleClass="control-label"/>
  			<div class="controls">
   				<h:selectOneMenu id="cidade" value="#{cadastrarEmpresaMB.empresa.codIbge}" required="true" styleClass="input-xlarge">
    				<f:selectItems value="#{cadastrarEmpresaMB.lsMunicipio}" />
   				</h:selectOneMenu>
   				<rich:message for="cidade" />
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="cep" value="* CEP" styleClass="control-label"/>
  			<div class="controls">
				<h:inputText id="cep" value="#{cadastrarEmpresaMB.empresa.cep}" required="true" styleClass="input-xlarge"/>
				<rich:message for="cep" />
    			<rich:jQuery selector="#cep" query="mask('99999-999')" />
  			</div>
		</div>
        <div class="control-group">
        	<h:outputLabel for="telefone" value="* Telefone da empresa" styleClass="control-label"/>
  			<div class="controls">
				<h:inputText id="telefone" value="#{cadastrarEmpresaMB.empresa.telefone}" required="true" styleClass="input-xlarge"/>
				<rich:message for="telefone" />
    			<rich:jQuery selector="#telefone" query="mask('(99)9999-9999')" />
  			</div>
		</div>
        <div class="control-group">
        	<h:outputLabel for="ramalEmpresa" value="Ramal" styleClass="control-label"/>
  			<div class="controls">
  				<h:inputText id="ramalEmpresa" value="#{cadastrarEmpresaMB.empresa.ramal}" maxlength="6" styleClass="input-xlarge"/>
  			</div>
		</div>
        <div class="control-group">
        	<h:outputLabel for="site" value="Site" styleClass="control-label"/>
  			<div class="controls">
  				<h:inputText id="site" value="#{cadastrarEmpresaMB.empresa.site}" maxlength="70" styleClass="input-xlarge"/>
  			</div>
		</div>
        <div class="control-group">
        	<h:outputLabel for="nacionalidade" value="* Nacionalidade da empresa" styleClass="control-label"/>
  			<div class="controls">
   				<h:selectOneRadio id="nacionalidade" value="#{cadastrarEmpresaMB.empresa.nacionalidade}" required="true" styleClass="input-xlarge">
   					<f:selectItems value="#{selectItemMB.lsNacionalidade}" />
   				</h:selectOneRadio>
   				<rich:message for="nacionalidade" />
  			</div>
		</div>
        <div class="control-group">
        	<h:outputLabel for="ramoAtuacao" value="* Ramo de atuação da empresa" styleClass="control-label"/>
  			<div class="controls">
				<h:selectOneMenu id="ramoAtuacao" value="#{cadastrarEmpresaMB.empresa.idRamoAtuacao}" required="true" styleClass="input-xlarge">
   					<f:selectItems value="#{cadastrarEmpresaMB.lsRamoAtuacao}" />
   				</h:selectOneMenu>
   				<rich:message for="ramoAtuacao" />
   				<div id="spRamoAtuacaoOutro" style="display:none"><br/>* Qual?<h:inputText id="ramoAtuacaoOutro" value="#{cadastrarEmpresaMB.empresa.ramoAtuacaoOutro}" required="#{param['ramoAtuacao'] == '2'}" maxlength="50" style="margin-left:5px;"/></div>
   				<rich:message for="ramoAtuacaoOutro" />
  			</div>
		</div>
        <div class="control-group" id="trClassificacao">
        	<h:outputLabel for="classificacao" value="* Classificação" styleClass="control-label"/>
  			<div class="controls">
   				<h:selectOneMenu id="classificacao" value="#{cadastrarEmpresaMB.empresa.idClassificacao}" required="#{param['f:ramoAtuacao'] == '1'}" styleClass="input-xlarge">
   					<f:selectItems value="#{cadastrarEmpresaMB.lsClassificacao}" />
   				</h:selectOneMenu>
   				<rich:message for="classificacao" />
  			</div>
		</div>
        <div class="control-group">
        	<h:outputLabel for="servicoDisponivel" value="Serviços disponíveis" styleClass="control-label"/>
  			<div class="controls">
  				<div class="selectManyCheckBox">
   				<h:selectManyCheckbox layout="pageDirection" id="servicoDisponivel" value="#{cadastrarEmpresaMB.lsServicoDisponivelString}">
   					<f:selectItems value="#{selectItemMB.lsServicoDisponivel}" />
   				</h:selectManyCheckbox>
   				</div>
   				<div id="spServicoDispinivelOutro" style="display:none;margin-top:5px;">Qual?<h:inputText id="dsOutroServicoDisponivel" value="#{manterEmpresaMB.dsOutroServicoDisponivel}" maxlength="50" style="margin-left:5px;"/></div>
  			</div>
		</div>
        <div class="control-group">
        	<h:outputLabel for="numeroFuncionarios" value="* Número de funcionários" styleClass="control-label"/>
  			<div class="controls">
  				<h:inputText id="numeroFuncionarios" value="#{cadastrarEmpresaMB.empresa.numeroFuncionarios}" maxlength="6" required="true" styleClass="input-xlarge"/>
  				<rich:message for="numeroFuncionarios" />
  				<rich:jQuery selector="#numeroFuncionarios" query="maskMoney({showSymbol:false,length:4,precision:0})" />
  			</div>
		</div>
		</fieldset>
        <fieldset>
        <legend>Informações adicionais</legend>
        <div class="control-group">
        	<h:outputLabel for="comoConheceuSite" value="Como conheceu o site?" styleClass="control-label"/>
  			<div class="controls">
  				<h:selectOneMenu id="comoConheceuSite" value="#{cadastrarEmpresaMB.empresa.usuarioEmpresa.comoConheceuSite}" styleClass="input-xlarge">
  					<f:selectItems value="#{selectItemMB.lsComoConheceuSite}" />
  				</h:selectOneMenu>
  				<div id="comoConheceuSiteOutro" style="display:none"><br/>Qual?<h:inputText value="#{cadastrarEmpresaMB.empresa.usuarioEmpresa.comoConheceuSiteOutro}" maxlength="50" style="margin-left:5px;"/></div>
  			</div>
		</div>
        <div class="control-group">
        	<h:outputLabel for="ondeMaisAnuncia" value="Onde mais você anuncia suas vagas com mais frequência?" styleClass="control-label"/>
  			<div class="controls">
   				<h:selectOneMenu id="ondeMaisAnuncia" value="#{cadastrarEmpresaMB.empresa.usuarioEmpresa.ondeMaisAnuncia}" styleClass="input-xlarge">
   					<f:selectItems value="#{selectItemMB.lsOndeAnuncia}" />
   				</h:selectOneMenu>
   				<div id="ondeMaisAnunciaOutro" style="display:none"><br/>Onde?<h:inputText id="ondeMaisAnunciaOutro" value="#{cadastrarEmpresaMB.empresa.usuarioEmpresa.ondeMaisAnunciaOutro}" style="margin-left:5px;"/></div>
   				<div id="ondeMaisAnunciaSite" style="display:none"><br/>Qual?<h:inputText id="ondeMaisAnunciaSite" value="#{cadastrarEmpresaMB.empresa.usuarioEmpresa.ondeMaisAnunciaSite}" style="margin-left:5px;"/></div>
  			</div>
		</div>
        <div class="control-group">
        	<h:outputLabel for="receberInformativos" value="Receber informativos do Medvagas e de parceiros" styleClass="control-label"/>
  			<div class="controls">
  				<h:selectBooleanCheckbox id="receberInformativos" value="#{cadastrarEmpresaMB.empresa.usuarioEmpresa.receberInformativos}" styleClass="input-xlarge"/>
  			</div>
		</div>
        </fieldset>
		<fieldset>
        	<legend>Contrato de prestação de serviços</legend>
	        <div class="control-group">

    				<textarea cols="160" rows="7" readonly="readonly" class="span8">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eleifend laoreet urna quis malesuada. Sed sem erat, ultrices sit amet congue at, placerat eu tellus. Pellentesque vel justo odio. Suspendisse aliquet erat aliquam justo sollicitudin sodales sodales lectus ullamcorper. Pellentesque eget turpis nec velit dapibus semper ac non nisi. Nulla suscipit auctor laoreet. Proin libero ante, fringilla eu lobortis sit amet, iaculis id lorem. Nulla euismod enim metus, vel luctus tellus. Pellentesque fermentum dolor id risus consequat ac rutrum metus commodo. Mauris mattis risus tincidunt tellus tincidunt sollicitudin. Maecenas suscipit lorem vitae dui egestas eleifend.

Aenean eu enim ut nulla varius gravida suscipit ac risus. Donec non turpis et ligula suscipit lacinia. Phasellus laoreet ultrices dolor, vel blandit elit bibendum bibendum. Suspendisse tristique, elit et convallis pretium, diam erat commodo justo, vel vestibulum nisi erat et lorem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum facilisis dui a ipsum malesuada venenatis. Donec auctor pulvinar laoreet. Quisque bibendum dictum odio, ac vehicula tellus vestibulum eget. Donec a tellus a ligula eleifend viverra pharetra non quam. Vestibulum varius erat eu tellus auctor laoreet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla porttitor pulvinar nunc quis suscipit. Etiam ornare viverra purus semper venenatis. Quisque fringilla tincidunt semper.

Donec hendrerit faucibus consequat. Nulla pellentesque posuere blandit. Ut vitae laoreet lacus. Etiam eget mauris urna. Ut vel massa ipsum, non tristique massa. Etiam nec eros tortor. Suspendisse non varius velit. Praesent eu diam dictum lectus lobortis rhoncus sed in quam. Nunc sed libero nec mi vulputate ultrices. Integer interdum convallis urna ut varius. Duis vel quam dolor, vitae mattis purus. Morbi eleifend mollis urna id imperdiet.
    				</textarea>
			</div>
			<h:outputLabel for="receberInformativos" value="* Declaro que li e concordo com os termos de prestação de serviço" style="display:inline; vertical-align:middle"/>
			<h:selectBooleanCheckbox id="aceitouTermoServico" value="#{cadastrarEmpresaMB.empresa.usuarioEmpresa.aceitouTermoServico}" required="true" style="margin-left:5px;"/>
        </fieldset>
	    
		<div class="form-actions">
			<h:commandButton id="cadastrar" action="#{cadastrarEmpresaMB.cadastrar}" value="Cadastrar" styleClass="btn-large btn-primary"/>
		</div>	    
	    </h:form>
	</div>
	<script type="text/javascript">
		jQuery('#ms2').addClass('active');
	</script>
</ui:define>
</ui:composition>
</html>
